<template>
	<el-menu  id="SidebarFoot"  :collapse="collapsed">
	<el-menu-item index="1" @click="collapse">
		<i><img src="../../static/img/foot_img/rg.png" height="20" width="20" alt="" v-if="collapsed"></i>
		<span ><img src="../../static/img/foot_img/lf.png" height="20" width="20" alt=""></span>
	</el-menu-item>
</el-menu>
</template>
<script>
import bus from '../eventBus.js'
export default{
	name:'Foot',
	data(){
		return{
			collapsed:false
		}
	},
	methods:{
		//折叠导航栏
		collapse: function () {
			this.collapsed = !this.collapsed;
			bus.$emit("collaped",this.collapsed);
		} 
	},
	mounted(){
		// 折叠导航栏
		var self=this;
		bus.$on("collaped",function (msg) {
			self.collapsed=msg;
		});
	}
}
</script>
<style>
	
</style>



